<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>我的订单</title>
	<link rel="stylesheet" href="css/cssreset.css">
	<link rel="stylesheet" href="css/login.css">
	<link rel="stylesheet" href="css/index.css">
	<link rel="stylesheet" href="css/common.css">
	<link rel="stylesheet" href="css/order.css">
</head>
<style>
	a{
		color: white;
	}
</style>
<body>
	<!-- 头部top -->
		<div class="top">
			<ul class="top_right">
				<li class="topR">商业合作</li>			
				<li class="topR">了解造作</li>
				<li class="news">实体店<span>NEW</span></li>
				<li class="top_icon"><span></span></li>
			</ul>
			<h1><img src="images/icon/0logo.png" alt=""></h1>
			<ul class="leftnav">
				<span class="myIcon"><img src="images/icon/1a.png" alt=""></span>
				<span class="shoppingCar"><img src="images/icon/2c.png" alt=""></span>
				<li class="login_now leave_now">首页</li>
				<li>沙发
					<div class="slideul">
						<ul class="slide_one">
							<li>
								<img class="img_nohover" src="images/icon/sofa_3.png" alt="">
								<img class="img_hover" src="images/icon/sofa_3c.png" alt="">
								<span>三人沙发</span>
								</li>

							<li>					
								<img class="img_nohover" src="images/icon/sofa_2.png" alt="">
								<img class="img_hover" src="images/icon/sofa_2c.png" alt="">
								<span>双人沙发</span>
								</li>

							<li>
								<img class="img_nohover" src="images/icon/sofa_1.png" alt="">
								<img class="img_hover" src="images/icon/sofa_1c.png" alt="">
								<span>单人沙发</span>
								</li>

							<li>
								<img class="img_nohover" src="images/icon/sofa_4.png" alt="">
								<img class="img_hover" src="images/icon/sofa_4c.png" alt="">
								<span>四人沙发</span>
								</li>

							<li>
								<img class="img_nohover" src="images/icon/sofa_1.png" alt="">
								<img class="img_hover" src="images/icon/sofa_1c.png" alt="">
								<span>沙发墩</span>
							</li>
						</ul>
					</div>
				</li>
				<li>桌几
					<div class="slideul">
						<ul class="slide_two">
							<li>
								<img src="images/icon/desk_1.png" alt="">
								<img class="img_hover" src="images/icon/desk_1c.png" alt="">
								<span>书桌·餐桌</span>
							</li>
							<li>
								<img src="images/icon/desk_2.png" alt="">
								<img class="img_hover" src="images/icon/desk_2c.png" alt="">
								<span>茶几</span>
							</li>
							<li>
								<img src="images/icon/desk_3.png" alt="">
								<img class="img_hover" src="images/icon/desk_3c.png" alt="">
								<span>边几</span>
							</li>      
						</ul>	
					</div>	
				</li>
				<li>椅凳
					<div class="slideul">
						<ul class="slide_three">
							<li>
								<img src="images/icon/desk_1.png" alt="">
								<img class="img_hover" src="images/icon/desk_1c.png" alt="">
								<span>座椅</span>
							</li>
							<li>
								<img src="images/icon/desk_2.png" alt="">
								<img class="img_hover" src="images/icon/desk_2c.png" alt="">
								<span>坐墩</span>
							</li>
							<li>
								<img src="images/icon/desk_3.png" alt="">
								<img class="img_hover" src="images/icon/desk_3c.png" alt="">
								<span>凳子</span>
							</li>      
						</ul>	
					</div>	
				</li>
				<li>柜架
					<div class="slideul">
						<ul class="slide_four">
							<li>
								<img src="images/icon/gj_1.png" alt="">
								<img class="img_hover" src="images/icon/gj_1c.png" alt="">
								<span>置物柜</span>
							</li>
							<li>
								<img src="images/icon/gj_2.png" alt="">
								<img class="img_hover" src="images/icon/gj_2c.png" alt="">
								<span>书柜·书架</span>
							</li>
							<li>
								<img src="images/icon/gj_3.png" alt="">
								<img class="img_hover" src="images/icon/gj_3c.png" alt="">
								<span>电视柜</span>
							</li> 
							<li>
								<img src="images/icon/gj_4.png" alt="">
								<img class="img_hover" src="images/icon/gj_4c.png" alt="">
								<span>置物架</span>
							</li>     
							<li>
								<img src="images/icon/gj_5.png" alt="">
								<img class="img_hover" src="images/icon/gj_5c.png" alt="">
								<span>单元格</span>
							</li>     
							<li>
								<img src="images/icon/gj_6.png" alt="">
								<img class="img_hover" src="images/icon/gj_6c.png" alt="">
								<span>衣帽架</span>
							</li>     
							<li>
								<img src="images/icon/gj_7.png" alt="">
								<img class="img_hover" src="images/icon/gj_7c.png" alt="">
								<span>鞋柜·玄关柜</span>
							</li>             
						</ul>	
					</div>	
				</li>
				<li>灯具
					<div class="slideul">
						<ul class="slide_five">
							<li>
								<img src="images/icon/light_1.png" alt="">
								<img class="img_hover" src="images/icon/light_1c.png" alt="">
								<span>台灯</span>
							</li>
							<li>
								<img src="images/icon/light_2.png" alt="">
								<img class="img_hover" src="images/icon/light_2c.png" alt="">
								<span>地灯 </span>
							</li>
							<li>
								<img src="images/icon/light_3.png" alt="">
								<img class="img_hover" src="images/icon/light_3c.png" alt="">
								<span>吊灯</span>
							</li> 
							<li>
								<img src="images/icon/light_4.png" alt="">
								<img class="img_hover" src="images/icon/light_4c.png" alt="">
								<span>夜灯</span>
							</li>       
						</ul>	
					</div>	
				</li>
				<li>床·床具
					<div class="slideul">
						<ul class="slide_six">
							<li>
								<img src="images/icon/bed_1.png" alt="">
								<img class="img_hover" src="images/icon/bed_1c.png" alt="">
								<span>床</span>
							</li>
							<li>
								<img src="images/icon/bed_2.png" alt="">
								<img class="img_hover" src="images/icon/bed_2c.png" alt="">
								<span>床垫 </span>
							</li>
							<li>
								<img src="images/icon/bed_3.png" alt="">
								<img class="img_hover" src="images/icon/bed_3c.png" alt="">
								<span>床头柜</span>
							</li> 
							<li>
								<img src="images/icon/bed_4.png" alt="">
								<img class="img_hover" src="images/icon/bed_4c.png" alt="">
								<span>床下储物盒</span>
							</li>   
							<li>
								<img src="images/icon/bed_5.png" alt="">
								<img class="img_hover" src="images/icon/bed_5c.png" alt="">
								<span>床尾凳</span>
							</li>      
						</ul>	
					</div>	
				</li>
				<li>家纺
					<div class="slideul">
						<ul class="slide_seven">
							<li>
								<img src="images/icon/jf_1.png" alt="">
								<img class="img_hover" src="images/icon/jf_1c.png" alt="">
								<span>床品4件套</span>
							</li>
							<li>
								<img src="images/icon/jf_2.png" alt="">
								<img class="img_hover" src="images/icon/jf_2c.png" alt="">
								<span>被芯·枕芯 </span>
							</li>
							<li>
								<img src="images/icon/jf_3.png" alt="">
								<img class="img_hover" src="images/icon/jf_3c.png" alt="">
								<span>床褥</span>
							</li> 
							<li>
								<img src="images/icon/jf_4.png" alt="">
								<img class="img_hover" src="images/icon/jf_4c.png" alt="">
								<span>盖毯</span>
							</li>   
							<li>
								<img src="images/icon/jf_5.png" alt="">
								<img class="img_hover" src="images/icon/jf_5c.png" alt="">
								<span>地毯</span>
							</li>   
							<li>
								<img src="images/icon/jf_6.png" alt="">
								<img class="img_hover" src="images/icon/jf_6c.png" alt="">
								<span>抱枕</span>
							</li> 
							<li>
								<img src="images/icon/jf_5.png" alt="">
								<img class="img_hover" src="images/icon/jf_5c.png" alt="">
								<span>毛巾</span>
							</li> 
							<li>
								<img src="images/icon/jf_5.png" alt="">
								<img class="img_hover" src="images/icon/jf_5c.png" alt="">
								<span>颈枕</span>
							</li>    
						</ul>	
					</div>	
				</li>
				<li>装饰
					<div class="slideul">
						<ul class="slide_eight">
							<li>
								<img src="images/icon/zs_1.png" alt="">
								<img class="img_hover" src="images/icon/zs_1c.png" alt="">
								<span>摆件·花瓶</span>
							</li>
							<li>
								<img src="images/icon/zs_2.png" alt="">
								<img class="img_hover" src="images/icon/zs_2c.png" alt="">
								<span>收纳</span>
							</li>
							<li>
								<img src="images/icon/zs_3.png" alt="">
								<img class="img_hover" src="images/icon/zs_3c.png" alt="">
								<span>装饰画</span>
							</li>     
						</ul>	
					</div>	
				</li>
				<li>餐具
					<div class="slideul">
						<ul class="slide_nine">
							<li>
								<img src="images/icon/cj_1.png" alt="">
								<img class="img_hover" src="images/icon/cj_1c.png" alt="">
								<span>套装</span>
							</li>
							<li>
								<img src="images/icon/cj_2.png" alt="">
								<img class="img_hover" src="images/icon/cj_2c.png" alt="">
								<span>盘碗 </span>
							</li>
							<li>
								<img src="images/icon/cj_3.png" alt="">
								<img class="img_hover" src="images/icon/cj_3c.png" alt="">
								<span>杯子</span>
							</li> 
							<li>
								<img src="images/icon/cj_4.png" alt="">
								<img class="img_hover" src="images/icon/cj_4c.png" alt="">
								<span>储物</span>
							</li>   
							<li>
								<img src="images/icon/cj_5.png" alt="">
								<img class="img_hover" src="images/icon/cj_5c.png" alt="">
								<span>托盘</span>
							</li>      
						</ul>	
					</div>	
				</li>
				<li>礼品卡</li>
			</ul>
		</div>
		<div class="person_nav">
			<ul>
				<li>会员中心</li>
				<li class="per_current currflag">我的订单<span class="one">1</span></li>
				<li>邀请奖励</li>
				<li>我的优惠券&礼品卡</li>
				<li>我的消息</li>
				<li>我的晒单</li>
				<li>我的资料</li>
				<li>我的收藏</li>
			</ul>
			<div class="underline"></div>
		</div>

	<!-- 订单选项orders -->
	<div class="orders">
		<ul>
			<li class="current">未付款(1)</li>
			<li>已付款</li>
			<li>已入手好物</li>
			<li>
				<span>其他渠道订单</span>
				<!-- 鼠标经过enter_pic，enter显示出来，//鼠标移出enter_pic和enter区域，enter隐藏  -->
				<div class="enter_pic">
					<span class="enter_p"></span>
					<span class="enter_p2"></span>
					<div class="enter">
						<p>在造作实体店和其他官方渠道购买的，以账号绑定手机号为收货电话的订单，会自动计入账号中，同样享受晒单奖励、成长值积累等权益</p>
						<p>由于第三方平台信息同步的影响，如遇到订单信息不准确的情况，请联系客服为您解决</p>
					</div>
				</div>
			</li>
		</ul>
	</div>
	<!-- h1 -->
	<h1 class="order_t">好期待，马上就能见到你!</h1>
	<!-- 订单信息orders_info -->
	<div class="orders_info">
		<!-- 订单信息orders_info_t -->
		<div class="orders_info_t">
			<span>￥1999</span>
			<p class="p1">单号&nbsp;&nbsp;&nbsp;&nbsp;：3115631528877639023</p>
			<p>收货信息：123 ／  13414879076 ／ 北京 北京 东城区  123</p>
			<button class="pay"><a href="9.payment.html">>去付款</a</button>
			<div class="del">X</div>
			<!-- 点击del时，取消订单信息del_infos淡出 -->
			<div class="del_infos">
				<div class="del_info">
					<span>确认取消订单？</span>
					<p>取消订单后，如果您使用了优惠券，优惠券会自动退还到您的账户中</p>
					<div class="btn">确认取消</div>
					<span class="del_2">X</span>
				</div>
			</div>			
		</div>
		<!-- 中间横线 -->
		<div class="orders_info_c"></div>
		<!-- 订单信息orders_info_b -->
		<div class="orders_info_b">
			<div class="pic">
				<img src="images/shopping_cart_1.jpg" alt="">
				<div class="pic_box"></div>
			</div>
			<div class="pic_info">
				<div class="pic_info_price">
					<p>竖琴沙发</p>
					<span>￥19999</span>
					<span>&nbsp;&nbsp;X1</span>
				</div>
				<div class="pic_info_color">
					<span>茶白 / 全幅三人座</span>
				</div>
				<div class="pic_info_time">
					<span></span>
					<p>预计2018-06-18前发货</p>
				</div>
			</div>
		</div>		
	</div>
	<!-- 空的订单 -->
	<div class="order_no">
		<div>
			<span></span>
		</div>
		<p>您现在还没有任何订单哦</p>
	</div>

	<!-- footer -->
	<div class="footer">
		<!-- footer内容区，包括footer_t和footer_b -->
		<div class="footer_c">
			<!-- footer_t -->
			<div class="footer_t">
				<!-- footer_t中的footer_tl，包括img，span和两个小图标 -->
				<div class="footer_tl">
					<img src="images/zaozuo2.png" alt="">
					<span>zaozuo.com</span>
					<div class="tubiao">
						<div class="tubiao1"></div>
						<div class="tubiao2"></div>
					</div>
				</div>
				<!-- footer_t中的footer_tc -->
				<div class="footer_tc">
					<ul>
						<li class="current">关于造作
							<ol class="footer_tc_ol">
								<li>团队介绍</li>
								<li>设计师团</li>
								<li>媒体报道</li>
								<li>加入造作</li>
								<li>Designer Hiring</li>
							</ol>
						</li>
						<li class="current">帮助中心
							<ol class="footer_tc_ol">
								<li>购物管理</li>
								<li>订单管理</li>
								<li>常见问题</li>
							</ol>
						</li>
						<li class="current">服务支持
							<ol class="footer_tc_ol">
								<li>服务保障</li>
								<li>用户协议</li>
								<li>物流售后服务</li>
							</ol>
						</li>
						<li class="current">商业合作
							<ol class="footer_tc_ol">
								<li>集合采购</li>
								<li>空间设计合作</li>
								<li>品牌合作</li>
								<li>媒体合作</li>
								<li>设计师入驻</li>
							</ol>
						</li>
					</ul>
				</div>
				<!-- footer_tc中的footer_tc_t 在线客服 -->
				<div class="footer_tr">
					<div class="footer_tr_t">
						<span>联系我们</span>
						<p>400-6636-926
							<span>(9:00~21:00)</span>
						</p>
						<div class="kefu">在线客服</div>
					</div>
					<!-- footer_tc中的footer_tc_b 分店 -->
					<div class="footer_tr_b">
						<ul>
							<li>
								<span></span>
								北京颐堤港店&nbsp;&nbsp;&nbsp;></li>
							<li>
								<span></span>
								北京荟聚店&nbsp;&nbsp;&nbsp;></li>
							<li>
								<span></span>
								上海幸福里店&nbsp;&nbsp;&nbsp;></li>
							<li>
								<span></span>
								上海万象城店&nbsp;></li>
							<li>
								<span></span>
								深圳万象天地店&nbsp;></li>
						</ul>
					</div>
				</div>
			</div>
			<!-- footer_b -->
			<div class="footer_b">
				<p>Copyright © 2015 zaozuo.com Inc.All Rights Reserved. 北京造化科技有限公司</p>
				<p>
					<span>版权所有</span>&nbsp;
					<span class="p_1">京ICP备14049641号-1&nbsp;增值电信业务经营许可证：京ICP证150098号</span>
				</p>
				<p class="p_2">造作官网-全品类设计家居品牌</p>
			</div>
		</div>
	</div>


	<script src="js/jquery.min.js"></script>
	<script src="js/order.js"></script>
</body>
</html>